<div class="tabbar">
  <!--<a [routerLink]="['/store']">商城</a>-->
  <!--<a [routerLink]="['/trolley']">购物车</a>-->
  <!--<a [routerLink]="['/center']">个人中心</a>-->
  <div class="tabbar-component" [routerLink]="['/tabbar/store']" routerLinkActive="active" (click)="storeclick()">
    <div *ngIf="flag!==1">
      <img src="../assets/images/index/u170.png" alt="">
    </div>
    <div *ngIf="flag==1">
    <img src="../assets/images/index/u642.png" alt="">
    </div>

    <a >商城</a>
  </div>
  <div class="tabbar-component" [routerLink]="['/tabbar/trolley']" routerLinkActive="active" (click)="trolleyclick()">
    <div *ngIf="flag!==2">
      <img src="../assets/images/index/u230.png" alt="">
    </div>
    <div *ngIf="flag==2">
      <img src="../assets/images/index/u686.png" alt="">
    </div>
    <a >购物车</a>
  </div>
  <div class="tabbar-component" [routerLink]="['/tabbar/center']" routerLinkActive="active" (click)="centerclick()">
    <div *ngIf="flag!==3">
      <img src="../assets/images/index/u26.png" alt="">
    </div>
    <div *ngIf="flag==3">
      <img src="../assets/images/index/u1084.png" alt="">
    </div>
    <a >个人中心</a>
  </div>
</div>
<router-outlet></router-outlet>

